{% extends 'test.html' %}

{% block head %}
<script src="{{url_for('static', filename='js/echarts.js')}}"></script>
<script src="{{url_for('static', filename='js/echarts.min.js')}}"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
{% endblock %}


{% block body %}
    <div class="main_hd">
    <h2>设置</h2>
    </div>

    <div class="mod_default_box appsrt">
	<div class="mod_default_hd">
		<h4>
			开发者ID
		</h4>
	</div>
	<div class="mod_default_bd">
		<div class="table_wrp">
			<table class="table" cellspacing="0">
				<thead class="thead">
				<tr>
					<th class="table_cell " colspan="2">帐号信息</th>
					<th class="table_cell desc">说明</th>
					<th class="table_cell last_child no_extra opr">操作</th>
                </tr>
				</thead>
				<tbody class="tbody">

                <tr>
					<td class="table_cell base_info" style="width: 12%;">
						<div class="meta_name">appid</div></td>
					<td class="table_cell">
						<div class="meta_content">summer_ness@163.com</div></td>
					<td class="table_cell">
						<div class="meta_tips">
							<p class="desc">系统自动生成的唯一标识</p>
                        </div>
					</td>
					<td class="table_cell last_child">
						<div class="meta_opr">
							<a href="javascript:;">无</a>
                        </div>
					</td>
				</tr>

                <tr>
					<td class="table_cell base_info" style="width: 12%;">
						<div class="meta_name">appkey</div></td>
					<td class="table_cell">
						<div class="meta_content">summer_ness@163.com</div></td>
					<td class="table_cell">
						<div class="meta_tips">
							<p class="desc">由系统自动生成，用于接口调用</p>
                        </div>
					</td>
					<td class="table_cell last_child">
						<div class="meta_opr">
							<a href="javascript:;">无</a>
                        </div>
					</td>
				</tr>

                 <tr>
					<td class="table_cell base_info" style="width: 12%;">
						<div class="meta_name">appsercet</div></td>
					<td class="table_cell">
						<div class="meta_content">summer_ness@163.com</div></td>
					<td class="table_cell">
						<div class="meta_tips">
							<p class="desc">由系统自动生成，用于接口调用</p>
                        </div>
					</td>
					<td class="table_cell last_child">
						<div class="meta_opr">
							<a href="javascript:;">无</a>
                        </div>
					</td>
				</tr>

				</tbody>
			</table>
		</div>
	</div>
</div>
{########################################################}
    <div class="mod_default_box qrcheck_weapp">
        <div class="mod_default_hd">
            <h4>通过API进行用户身份验证</h4>
        </div>

        <div class="mod_default_bd" >
            <div class="empty_tips">
                <p class="empty_desc">开启功能后，用户在小程序内绑定时可通过提供的 API 进行身份验证，如果不开启可在用户管理界面添加用户，或者调用接口添加.</p>
                <p><a href="javascript:;" class="empty_desc_config">详细内容请参考文档</a></p>

                <a href="javascript:;" id="js_open_qrjump" class="btn btn_default">启用</a>
            </div>
        </div>


        <div class="table_wrp" style="display:none ">
			<table class="table" cellspacing="0">
				<thead class="thead">
				<tr>
					<th class="table_cell " colspan="2">帐号信息</th>
					<th class="table_cell desc">说明</th>
					<th class="table_cell last_child no_extra opr">操作</th>
                </tr>
				</thead>
				<tbody class="tbody">

                <tr>
					<td class="table_cell base_info" style="width: 12%;">
						<div class="meta_name">appid</div></td>
					<td class="table_cell">
						<div class="meta_content">summer_ness@163.com</div></td>
					<td class="table_cell">
						<div class="meta_tips">
							<p class="desc">系统自动生成的唯一标识</p>
                        </div>
					</td>
					<td class="table_cell last_child">
						<div class="meta_opr">
							<a href="javascript:;">关闭</a>
                        </div>
					</td>
				</tr>
				</tbody>
			</table>
		</div>

    </div>

{#########################################################}
<div class="mod_default_box account_setting_area only_table">
	<div class="mod_default_hd">
		<h4>
			开发者ID
		</h4>
	</div>
	<div class="table_wrp">
		<table class="table simple_data" cellspacing="0">
			<thead class="thead">
				<tr>
					<th class="table_cell " colspan="2">帐号信息</th>
					<th class="table_cell desc">说明</th>
					<th class="table_cell last_child no_extra opr">操作</th>
                </tr>
			</thead>
			<tbody class="tbody">
				<tr>
					<td class="table_cell base_info" style="width: 12%;">
						<div class="meta_name">登录邮箱</div></td>
					<td class="table_cell">
						<div class="meta_content">summer_ness@163.com</div></td>
					<td class="table_cell">
						<div class="meta_tips">
							<p class="desc">邮箱帐号不可更改</p>
                        </div>
					</td>
					<td class="table_cell last_child">
						<div class="meta_opr">
{#							<a href="/wxopen/waupdateboundemail?action=bind_page&amp;token=1428737956&amp;lang=zh_CN">修改</a>#}
                        </div>
					</td>
				</tr>
				<tr>
					<td class="table_cell">
						<div class="meta_name">登录密码</div></td>
					<td class="table_cell">
						<div class="meta_content"></div>
					</td>
					<td class="table_cell">
						<div class="meta_tips">
							<p class="desc">可修改你的密码</p></div>
					</td>
					<td class="table_cell">
						<div class="meta_opr">
							<a href="javascript:;" id="js_change_pwd">修改</a>
                        </div>
					</td>
				</tr>

			</tbody>
		</table>
	</div>
</div>
{#########################################################}
{% endblock %}



{% block mask %}

  <div class="QRusersetting dialog_wrp step_pop_dialog pwd_dialog ui-draggable " style="width: 600px; margin-left: -300px; margin-top: -292.5px;">
	<div class="dialog">
		<div class="dialog_hd">
			<h3>
				修改密码
			</h3>
			<!--#0001#-->
			<a href="javascript:;"  class="icon16_opr closed pop_closed">关闭</a>
			<!--%0001%-->
		</div>

		<div class="dialog_bd">
			<div class="processor_panel js_change_form_step">
				<form class="form js_change_form" novalidate="novalidate">
					<div class="frm_control_group">
						<label for="" class="frm_label">
							原密码
						</label>
						<div class="frm_controls">
							<span class="frm_input_box">
								<input name="oldpwd" class="frm_input js_oldpwd" type="password">
							</span>
							<p class="frm_tips">
								请输入原密码进行验证
							</p>
						</div>
					</div>
					<div class="frm_control_group">
						<label for="" class="frm_label">
							新密码
						</label>
						<div class="frm_controls">
							<span class="frm_input_box">
								<input name="newpwd" class="frm_input js_newpwd" type="password">
							</span>
							<p class="frm_tips">
								密码至少由8个字符组成，必须包含数字、字母，区分大小写
							</p>
						</div>
					</div>
					<div class="frm_control_group">
						<label for="" class="frm_label">
							确认密码
						</label>
						<div class="frm_controls">
							<span class="frm_input_box">
								<input name="pw2" class="frm_input js_pwd_confirm" type="password">
							</span>
							<p class="frm_tips">
								请再次输入密码
							</p>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="dialog_ft">
			<span class="btn btn_primary btn_input js_btn_p">
				<button type="button" class="js_btn" data-index="0">
					提交修改
				</button>
			</span>
		</div>
	</div>
</div>
{##################################################}

   <div class="QRapisetting dialog_wrp  ui-draggable" style="width: 600px; margin-left: -300px; margin-top: -218px;">
	<div class="dialog">
		<div class="dialog_hd">
			<h3>
				添加用户身份验证 API
			</h3>
			<!--#0001#-->
			<a href="javascript:;" class="pop_closed" onclick="return false;">关闭</a>
			<!--%0001%-->
		</div>
		<div class="dialog_bd">
			<div class="processor_panel js_change_form_step">
				<form class="form js_change_form" novalidate="novalidate">
					<div class="frm_control_group">
						<label for="" class="frm_label">
							url
						</label>
						<div class="frm_controls">
							<span class="frm_input_box">
								<input name="oldpwd" class="frm_input js_oldpwd" type="text">
							</span>
							<p class="frm_tips">
								例：http://dongcaiverify.xiaosikeji.com/api/verify
							</p>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="dialog_ft">
			<span class="btn btn_primary btn_input js_btn_p">
				<button type="button" class="js_btn" data-index="0">
					提交修改
				</button>
			</span>
		</div>
	</div>
</div>
{#    ###############################################}




 <script type="text/javascript">
        $(function(){
            console.log("111");
            $(".QRusersetting").hide(); //先让div隐藏 用户密码修改 div 隐藏
            $("#js_change_pwd").click(function(){
                console.log("onMsgUpdate");
                  $(".QRusersetting").fadeIn("slow");//淡入淡出效果 显示div
            });
            $(".closed").click(function(){
                console.log("onMsgUpdate");
                 $(".QRusersetting").fadeOut("slow");//淡入淡出效果 隐藏div
            })
        });
    </script>
     <script type="text/javascript">
        $(function(){
            console.log("111");
            $(".QRapisetting").hide(); //先让div隐藏 用户密码修改 div 隐藏
            $("#js_open_qrjump").click(function(){
                console.log("onMsgUpdate");
                  $(".QRapisetting").fadeIn("slow");//淡入淡出效果 显示div
            });
            $(".pop_closed").click(function(){
                console.log("onMsgUpdate");
                 $(".QRapisetting").fadeOut("slow");//淡入淡出效果 隐藏div
            })
        });
    </script>

{% endblock %}